.Sider {
    background: #fff;

    :hover {
        .collapsedIcon {
            opacity: 1;
        }
    }
}


.collapsedIcon {
    width: 24px;
    height: 24px;
    opacity: 0;
    transition: 0.2s;
    background: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid #E6E8EC;
    border-radius: 50%;
    // position: fixed;
    // top: 80px;
    position: absolute;
    top: 16px;
    right: -12px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;

    &:hover {
        background-color: #1890FF;
    }
}

.MenuWrap {
    :global {

        .ant-menu-submenu-title,
        .ant-menu-item {
            height: 44px;
            border-radius: 0;
            box-sizing: border-box;
            margin: 0;
            width: 100%;
            overflow: hidden;
        }

        .ant-menu-submenu-selected {
            background: #F6F8FB;

            .ant-menu-submenu-title {
                color: rgba(0, 0, 0, 0.88);
            }
        }

        .ant-menu-item {
            .ant-menu-title-content {
                margin-left: 5px;
            }

            background: #fff;
        }

        .ant-menu-item-selected {
            background: rgba(0, 113, 247, 0.1);
            ;
        }

        .ant-menu-item-selected::before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 4px;
            height: 44px;
            background: #0071F7;
            border-radius: 0 4px 4px 0;
        }
    }
}